<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/

     Test a repeated background with some transform.
     The transform scales up which causes blurring, so
     we use an SVG filter to get rid of it.
-->
<html>
<body style="filter:url(#thresholdAt128)">
  <div style="width:80px; height:80px; border: 1px solid black;
              background: 7px 7px -moz-element(#d);
              -moz-transform:matrix(2,0,0,2,50,50);">
  </div>
  <div style="overflow:hidden; height:0;">
    <div id="d" style="border:10px solid white; width:20px; height:20px;
                       background:black;"></div>
  </div>

  <svg>
    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
      <feComponentTransfer>
        <feFuncR type="linear" slope="255" intercept="-128"/>
        <feFuncG type="linear" slope="255" intercept="-128"/>
        <feFuncB type="linear" slope="255" intercept="-128"/>
      </feComponentTransfer>
    </filter>
  </svg>
</body>
</html>
